$(function(){
	$(".button").hover(function() {
			$(this).next().slideDown(300);
	}, function() { 
		$(".ul").mouseover(function() {
			$(this).show();
			$(".ul li").hover(function() {
				$(this).find('a').css({
					background: '#2dcb70',
					color:'#fff'
				});
			}, function() {
				$(this).find('a').css({
					background: '#333',
					color:'#2dcb70'
				});
			});
		});
		$(".ul").mouseout(function() {
			if ($(this).prev().is(':focus')) {
				$(this).prev().show();
			}else{
				$(this).prev().slideUp(300);
			}
		});
			$(".ul").mouseover(function() {
					$(this).show();
					$(".ul li").hover(function() {
						$(this).find('a').css({
							background: '#2dcb70',
							color:'#fff'
						});
					}, function() {
						$(this).find('a').css({
							background: '#333',
							color:'#2dcb70'
						});
					});
			}, function() { 
					$(this).slideUp(300);
			});
	});
})

$(".button").hover(function() {
			$(this).next().slideDown(300);
}, function() { 
		$(".ul").hover(function() {
				$(this).show();
				$(".ul li").hover(function() {
					$(this).find('a').css({
						background: '#2dcb70',
						color:'#fff'
					});
				}, function() {
					$(this).find('a').css({
						background: '#333',
						color:'#2dcb70'
					});
				});
		}, function() { 
				$(this).slideUp(300);
		});
		if()
});

// $(function () {
// 	$('.button').hover(function(){
// 		$('.ul').css("opacity","1").animate({'opacity':1},300);
// 	},function(){
// 		if(!$('.tip').is(':animated')){
// 			$('.tip').animate({'top':100,'opacity':0},300);
// 		}
// 	})
// })